<template>
    <div class="cumulative">
        <div>
            <Left></Left>
        </div>
        <div>
            <Center></Center>
        </div>
        <div>
            <Right></Right>
        </div>
    </div>
</template>

<script>
import Left from './left.vue'
import Center from './center.vue'
import Right from './right.vue'
export default {
    name: 'Cumulative',
    components: {
        Left, Center, Right
    }
}
</script>

<style lang="scss" scoped>
.cumulative {
    height: 370px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;

    div {
        height: 370px;
        width: 32.5%;
        background-color: #fff;

        .center {
            height: 370px;
            width: 100%;
        }
    }
}
</style>